
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <title>登录界面</title>
    <link href="Assets/admin_login/default.css" rel="stylesheet" type="text/css">
    <!--必要样式-->
    <link href="Assets/admin_login/styles.css" rel="stylesheet" type="text/css">
    <link href="Assets/admin_login/demo.css" rel="stylesheet" type="text/css">
    <link href="Assets/admin_login/loaders.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="login">
    <div class="login_title">
        <span>管理员登录</span>
    </div>
    <div class="login_fields">
        <form action="" method="post">
        <div class="login_fields__user">
            <div class="icon">
                <img alt="" src="Assets/admin_login/user_icon_copy.png">
            </div>
            <input name="login" placeholder="用户名" maxlength="16" type="text" autocomplete="off" value="kbcxy">
            <div class="validation">
                <img alt="" src="Assets/admin_login/tick.png">
            </div>
        </div>
        <div class="login_fields__password">
            <div class="icon">
                <img alt="" src="Assets/admin_login/lock_icon_copy.png">
            </div>
            <input name="pwd" placeholder="密码" maxlength="16" type="text" autocomplete="off">
            <div class="validation">
                <img alt="" src="Assets/admin_login/tick.png">
            </div>
        </div>
        <div class="login_fields__password">
            <div class="icon">
                <img alt="" src="Assets/admin_login/key.png">
            </div>
            <input name="code" placeholder="验证码" maxlength="4" type="text" autocomplete="off">
            <div class="validation" style="opacity: 1; right: -5px;top: -3px;">
                <canvas class="J_codeimg" id="myCanvas" onclick="Code();">对不起，您的浏览器不支持canvas，请下载最新版浏览器!</canvas>
            </div>
        </div>
        <div class="login_fields__submit">
            <input type="submit" value="登录">
        </div>
        </form>
    </div>
    <div class="success">
    </div>
    <div class="disclaimer">
        <p>欢迎登陆后台管理系统</p>
    </div>
</div>
<div class="authent">
    <div class="loader" style="height: 44px;width: 44px;margin-left: 28px;">
        <div class="loader-inner ball-clip-rotate-multiple">
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
    <p>认证中...</p>
</div>
<div class="OverWindows"></div>
<link href="Assets/admin_login/layui.css" rel="stylesheet" type="text/css">
<script src="Assets/admin_login/jquery-1.10.2.js"></script><script src="Assets/admin_login/jquery.min.js"></script>
<script type="text/javascript" src="Assets/admin_login/jquery-ui.min.js"></script>
<script type="text/javascript" src="Assets/admin_login/stopExecutionOnTimeout.js"></script>
<!-- <script src="Assets/admin_login/Particleground.js" type="text/javascript"></script> -->
<script src="Assets/admin_login/Treatment.js" type="text/javascript"></script>
<script type="text/javascript">
    var canGetCookie = 0;//是否支持存储Cookie 0 不支持 1 支持
    var ajaxmockjax = 1;//是否启用虚拟Ajax的请求响 0 不启用  1 启用
    //默认账号密码

    var truelogin = "kbcxy";
    var truepwd = "mcwjs";

    var CodeVal = 0;
    Code();
    function Code() {
        if(canGetCookie == 1){
            createCode("AdminCode");
            var AdminCode = getCookieValue("AdminCode");
            showCheck(AdminCode);
        }else{
            showCheck(createCode(""));
        }
    }
    function showCheck(a) {
        CodeVal = a;
        var c = document.getElementById("myCanvas");
        var ctx = c.getContext("2d");
        ctx.clearRect(0, 0, 1000, 1000);
        ctx.font = "80px 'Hiragino Sans GB'";
        ctx.fillStyle = "#E8DFE8";
        ctx.fillText(a, 0, 100);
    }
    $(document).keypress(function (e) {
        // 回车键事件
        if (e.which == 13) {
            $('input[type="button"]').click();
        }
    });
    //粒子背景特效
    //$('body').particleground({
    //    dotColor: '#E8DFE8',
    //    lineColor: '#133b88'
    //});
    $('input[name="pwd"]').focus(function () {
        $(this).attr('type', 'password');
    });
    $('input[type="text"]').focus(function () {
        $(this).prev().animate({ 'opacity': '1' }, 200);
    });
    $('input[type="text"],input[type="password"]').blur(function () {
        $(this).prev().animate({ 'opacity': '.5' }, 200);
    });
    $('input[name="login"],input[name="pwd"]').keyup(function () {
        var Len = $(this).val().length;
        if (!$(this).val() == '' && Len >= 5) {
            $(this).next().animate({
                'opacity': '1',
                'right': '30'
            }, 200);
        } else {
            $(this).next().animate({
                'opacity': '0',
                'right': '20'
            }, 200);
        }
    });
    var open = 0;

    var fullscreen = function () {
        elem = document.body;
        if (elem.webkitRequestFullScreen) {
            elem.webkitRequestFullScreen();
        } else if (elem.mozRequestFullScreen) {
            elem.mozRequestFullScreen();
        } else if (elem.requestFullScreen) {
            elem.requestFullscreen();
        } else {
            //浏览器不支持全屏API或已被禁用
        }
    }

</script>


</body></html>